<!-- 高管持股变动 -->
<template>
  <div class="table w1021">
    <div class="tableTh tableTr flex">
      <span class="tableTd w130 high">变动日期</span>
      <span class="tableTd w100 left">变动人</span>
      <span class="tableTd w175 left">变动数量</span>
      <span class="tableTd w175 left">变动后持股数</span>
      <span class="tableTd w175 left">交易均价（元）</span>
      <span class="tableTd w220 left">董监高管</span>
      <span class="tableTd w130 left">与高管关系</span>
      <span class="tableTd w175 left">变动原因</span>
    </div>
    <div class="tableTh tableTr flex top" v-for="(item,index) in data" :key="index">
      <span class="orange tableTd w130 high">{{item.chngDate|filterVal}}</span>
      <span class="orange tableTd w100 high">{{item.holder|filterVal}}</span>
      <span class="orange tableTd w175 high">{{item.chngVol|filterVal("numberNo")}}</span>
      <span class="orange tableTd w175 high">{{item.endVol|filterVal("numberNo")}}</span>
      <span class="orange tableTd w175 high">{{item.chegEp|filterVal("numberNo")}}</span>
      <span class="orange tableTd w220 high">{{item.post|filterVal}}</span>
      <span class="orange tableTd w130 high">{{item.relation.substring(0,10)|filterVal}}</span>
      <span class="orange tableTd w175 high">{{item.chngRsn|filterVal}}</span>
    </div>
    <div class="tableNone orange w1021 top" v-if="data.length==0">暂无数据</div>
  </div>
</template>

<script>
import { numberNo } from "../../script/api";
export default {
  data() {
    return {};
  },
  props: ["data"],
  filters: {
    filterVal(ops, num) {
      if (num == "numberNo") {
        return numberNo(ops, num);
      }
      return ops ? ops : "--";
    }
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>